


<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<div class="navbar navbar-fixed-top bs-docs-nav" role="banner">

    <div class="conjtainer">
        <!-- Menu button for smallar screens -->
        <div class="navbar-header">
            <button class="navbar-toggle btn-navbar" type="button" data-toggle="collapse"
                    data-target=".bs-navbar-collapse">
                <span>菜单</span>
            </button>
            <!-- Site name for smallar screens -->
            <a href="${basePath}/index.jsp" class="navbar-brand hidden-lg">首页</a>
        </div>


        <!-- Navigation starts -->
        <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">

            <ul class="nav navbar-nav">

                <!-- Upload to server link. Class "dropdown-big" creates big dropdown -->
                <li class="dropdown dropdown-big">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="label label-success"><i
                            class="icon-cloud-upload"></i></span> 上传到云服务器</a>
                    <!-- Dropdown -->
                    <ul class="dropdown-menu">
                        <li>
                            <!-- Progress bar -->
                            <p>图片上传进度</p>
                            <!-- Bootstrap progress bar -->
                            <div class="progress progress-striped active">
                                <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="40"
                                     aria-valuemin="0" aria-valuemax="100" style="width: 40%">
                                    <span class="sr-only">完成40%</span>
                                </div>
                            </div>

                            <hr/>

                            <!-- Progress bar -->
                            <p>视频上传进度</p>
                            <!-- Bootstrap progress bar -->
                            <div class="progress progress-striped active">
                                <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="80"
                                     aria-valuemin="0" aria-valuemax="100" style="width: 80%">
                                    <span class="sr-only">完成80%</span>
                                </div>
                            </div>

                            <hr/>

                            <!-- Dropdown menu footer -->
                            <div class="drop-foot">
                                <a href="#">查看所有</a>
                            </div>

                        </li>
                    </ul>
                </li>

                <!-- Sync to server link -->
                <li class="dropdown dropdown-big">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="label label-danger"><i
                            class="icon-refresh"></i></span> 同步到服务器</a>
                    <!-- Dropdown -->
                    <ul class="dropdown-menu">
                        <li>
                            <!-- Using "icon-spin" class to rotate icon. -->
                            <p><span class="label label-info"><i class="icon-cloud"></i></span>同步会员到服务器</p>
                            <hr/>
                            <p><span class="label label-warning"><i class="icon-cloud"></i></span>同步书签到云端</p>

                            <hr/>

                            <!-- Dropdown menu footer -->
                            <div class="drop-foot">
                                <a href="#">查看所有</a>
                            </div>

                        </li>
                    </ul>
                </li>

            </ul>

            <!-- Search form -->
            <form class="navbar-form navbar-left" role="search">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="Search">
                </div>
            </form>

            <!-- Links -->
            <ul class="nav navbar-nav pull-right">
                <li class="dropdown pull-right">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                        <i class="icon-user"></i> 管理员: ${client.empployeeName}<b class="caret"></b>
                    </a>

                    <!-- Dropdown menu -->
                    <ul class="dropdown-menu">

                        <li ><a id="client_info"><i class="icon-user" ></i> 资料</a></li>
                        <li ><a href="#settings_button" data-toggle="modal"><i class="icon-cogs" ></i> 设置</a></li>
                        <li><a href="${pageContext.request.contextPath}/index.jsp"><i class="icon-off" ></i> 退出</a></li>
                    </ul>
                </li>

            </ul>
        </nav>

    </div>
</div>


<!-- Header starts -->
<header>
    <div class="container">
        <div class="row">

            <!-- Logo section -->
            <div class="col-md-4">
                <!-- Logo. -->
                <div class="logo" align="left">
                    <h1><a href="#">智能办公协作平台<span class="bold"></span></a></h1>

                    <p class="meta" align="left">管理系统（公司名字）</p>
                </div>
                <!-- Logo ends -->
            </div>

            <!-- Button section -->
            <div class="col-md-4">

                <!-- Buttons -->
                <ul class="nav nav-pills">

                    <!-- Comment button with number of latest comments count -->
                    <li class="dropdown dropdown-big">
                        <a class="dropdown-toggle" href="#" data-toggle="dropdown">
                            <i class="icon-comments"></i> 聊天 <span class="label label-info">6</span>
                        </a>

                        <ul class="dropdown-menu">
                            <li>
                                <!-- Heading - h5 -->
                                <h5><i class="icon-comments"></i> 聊天</h5>
                                <!-- Use hr tag to add border -->
                                <hr/>
                            </li>
                            <li>
                                <!-- List item heading h6 -->
                                <h6><a href="#">你好 :)</a> <span class="label label-warning pull-right">10:42</span></h6>

                                <div class="clearfix"></div>
                                <hr/>
                            </li>
                            <li>
                                <h6><a href="#">你怎么样?</a> <span class="label label-warning pull-right">20:42</span></h6>

                                <div class="clearfix"></div>
                                <hr/>
                            </li>
                            <li>
                                <h6><a href="#">你在干撒呢?</a> <span class="label label-warning pull-right">14:42</span>
                                </h6>

                                <div class="clearfix"></div>
                                <hr/>
                            </li>
                            <li>
                                <div class="drop-foot">
                                    <a href="#">查看所有</a>
                                </div>
                            </li>
                        </ul>
                    </li>

                    <!-- Message button with number of latest messages count-->
                    <li class="dropdown dropdown-big">
                        <a class="dropdown-toggle" href="#" data-toggle="dropdown">
                            <i class="icon-envelope-alt"></i> 收件箱 <span class="label label-primary">6</span>
                        </a>

                        <ul class="dropdown-menu">
                            <li>
                                <!-- Heading - h5 -->
                                <h5><i class="icon-envelope-alt"></i> 消息</h5>
                                <!-- Use hr tag to add border -->
                                <hr/>
                            </li>
                            <li>
                                <!-- List item heading h6 -->
                                <h6><a href="#">你好啊?</a></h6>
                                <!-- List item para -->
                                <p>最近咋样啊...</p>
                                <hr/>
                            </li>
                            <li>
                                <h6><a href="#">今天很好啊?</a></h6>

                                <p>相当好...</p>
                                <hr/>
                            </li>
                            <li>
                                <div class="drop-foot">
                                    <a href="#">查看所有</a>
                                </div>
                            </li>
                        </ul>
                    </li>

                    <!-- Members button with number of latest members count -->
                    <li class="dropdown dropdown-big">
                        <a class="dropdown-toggle" href="#" data-toggle="dropdown">
                            <i class="icon-user"></i> 用户 <span class="label label-success">6</span>
                        </a>

                        <ul class="dropdown-menu">
                            <li>
                                <!-- Heading - h5 -->
                                <h5><i class="icon-user"></i> 用户</h5>
                                <!-- Use hr tag to add border -->
                                <hr/>
                            </li>
                            <li>
                                <!-- List item heading h6-->
                                <h6><a href="#">Ravi Kumar</a> <span class="label label-warning pull-right">免费</span>
                                </h6>

                                <div class="clearfix"></div>
                                <hr/>
                            </li>
                            <li>
                                <h6><a href="#">Balaji</a> <span class="label label-important pull-right">高级</span></h6>

                                <div class="clearfix"></div>
                                <hr/>
                            </li>
                            <li>
                                <h6><a href="#">Kumarasamy</a> <span class="label label-warning pull-right">免费</span>
                                </h6>

                                <div class="clearfix"></div>
                                <hr/>
                            </li>
                            <li>
                                <div class="drop-foot">
                                    <a href="#">查看所有</a>
                                </div>
                            </li>
                        </ul>
                    </li>

                </ul>

            </div>

            <!-- Data section -->

            <div class="col-md-4">
                <div class="header-data">

                    <!-- Traffic data -->
                    <div class="hdata">
                        <div class="mcol-left">
                            <!-- Icon with red background -->
                            <i class="icon-signal bred"></i>
                        </div>
                        <div class="mcol-right">
                            <!-- Number of visitors -->
                            <p><a href="#">7000</a> <em>访问</em></p>
                        </div>
                        <div class="clearfix"></div>
                    </div>

                    <!-- Members data -->
                    <div class="hdata">
                        <div class="mcol-left">
                            <!-- Icon with blue background -->
                            <i class="icon-user bblue"></i>
                        </div>
                        <div class="mcol-right">
                            <!-- Number of visitors -->
                            <p><a href="#">3000</a> <em>用户</em></p>
                        </div>
                        <div class="clearfix"></div>
                    </div>

                    <!-- revenue data -->
                    <div class="hdata">
                        <div class="mcol-left">
                            <!-- Icon with green background -->
                            <i class="icon-money bgreen"></i>
                        </div>
                        <div class="mcol-right">
                            <!-- Number of visitors -->
                            <p><a href="#">5000</a><em>订单</em></p>
                        </div>
                        <div class="clearfix"></div>
                    </div>

                </div>
            </div>

        </div>
    </div>
</header>

<!-- Header ends -->

<!-- Main content starts -->

<div class="content">


    <!-- Sidebar -->
    <div class="sidebar">
        <div class="sidebar-dropdown"><a href="#">导航</a></div>

        <!--- Sidebar navigation -->
        <!-- If the main navigation has sub navigation, then add the class "has_sub" to "li" of main navigation. -->
        <ul id="nav">
            <!-- Main menu with font awesome icon -->
            <li><a href="index.jsp" class="open"><i class="icon-home"></i> 首页</a>
                <!-- Sub menu markup
                <ul>
                  <li><a href="#">Submenu #1</a></li>
                  <li><a href="#">Submenu #2</a></li>
                  <li><a href="#">Submenu #3</a></li>
                </ul>-->
            </li>
            <li class="has_sub"><a href="#"><i class="icon-list-alt"></i> 微信管理 <span class="pull-right"><i
                    class="icon-chevron-right"></i></span></a>
                <ul>
                    <li><a href="${bathPath}queryEmployeeAction">接口管理</a></li>

                    <li><a href="${pageContext.request.contextPath}/＃">菜单修改</a></li>
                    <li><a href="${pageContext.request.contextPath}/＃">菜单修改2</a></li>
                    <li><a href="${pageContext.request.contextPath}/＃">菜单修改3</a></li>


                </ul>
            </li>
            <li class="has_sub"><a href="#"><i class="icon-file-alt"></i> 内容管理 <span class="pull-right"><i
                    class="icon-chevron-right"></i></span></a>
                <ul>
                    <li><a href="${pageContext.request.contextPath}/queryOrdersAction">内容1</a></li>
                    <li><a href="${pageContext.request.contextPath}/getRoleList">item #2</a></li>
                    <li><a href="${pageContext.request.contextPath}/getRoleList">item #3</a></li>
                </ul>
            </li>
            <li class="has_sub"><a href="＃"><i class="icon-file-alt"></i> 企业文化 <span class="pull-right"><i
                    class="icon-chevron-right"></i></span></a>
                <ul>
                    <li><a href="${pageContext.request.contextPath}/pages/company/company_info.jsp">企业文化</a></li>
                    <li><a href="widgets2.html">item #2</a></li>

                </ul>
            </li>


            <li><a href="${pageContext.request.contextPath}/queryNotesById"><i class="icon-tasks"></i>工作笔记</a></li>
            <li><a href="#"><i class="icon-magic"></i>业绩统计</a></li>
            <li><a href="#"><i class="icon-bar-chart"></i>统计订单分析</a></li>
            <li><a href="#"><i class="icon-calendar"></i>日程计划</a></li>
            <li><a href="#"><i class="icon-table"></i>客户关怀</a></li>

        </ul>
    </div>


    <!---  add dialog -->




    <!-- Modal -->
    <div id="settings_button" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title">Modal title</h4>
                </div>
                <div class="modal-body">
                    <p> 管理员设置</p>


                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</button>
                    <button type="button" class="btn btn-primary">修改</button>
                </div>
            </div>
        </div>
    </div>

    <!---  add dialog end  -->

    <!-- Sidebar ends -->

    <!-- Main bar -->
    <div class="mainbar">

        <!-- Page heading -->
        <div class="page-head">
            <h2 class="pull-left"><i class="icon-home"></i> 首页</h2>

            <!-- Breadcrumb -->
            <div class="bread-crumb pull-right">
                <a href="index.html"><i class="icon-home"></i> 首页</a>
                <!-- Divider -->
                <span class="divider">/</span>
                <a href="#" class="bread-current">控制台</a>
            </div>

            <div class="clearfix"></div>

        </div>
        <!-- Page heading ends -->




